<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

<div class="box">box标签<!-- 注释内容 --></div>

<script>

var doc = document;// 文档节点
var box = document.querySelector('.box');// 元素节点
var txt = box.firstChild;// 文本节点
var zhushi = box.lastChild;// 注释节点
var attr = box.getAttributeNode('class');// 属性节点

// nodeValue属性
console.log( box.nodeValue );// null 元素节点返回null
console.log( attr.nodeValue );// 'box' 属性节点返回属性值
console.log( txt.nodeValue );// 'box标签' 文本节点返回文本内容
console.log( zhushi.nodeValue );// '注释内容' 注释节点返回注释内容
console.log( doc.nodeValue );// null 文档节点返回null

</script>
</body>
</html>